<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="module">
        /**
         * 前端中的路径含义：
         *  /: ->代表目录的根目录
         *  ./:代表文件所在当前目录同一级
         *  ../:返回上一级目录
         *  ../../:多返回上一级目录
         *  ../../../.....一次类推
         */
        /*   通用的导入方式    */
        //引入 m1.js模块内容
        import * as m1 from './js/m1.js'
        //导入 m2.js模板内同
        import * as m2 from './js/m2.js'
        //导入 m3.hs模板内容
        import * as m3 from './js/m3.js'
        console.log(m1)
        console.log(m2)
        console.log(m3.default.change())
        /**      解析赋值形式(引入模板)          **/
        import {name,findJob} from './js/m2.js'
        import {default as m31} from './js/m3.js'
        console.log(name)   //直接进行使用
        findJob();
        m31.change()
        /**     简便形式，针对默认暴露          */
        import m from './js/m3.js'
        console.log(m)

       





        
    </script>
    
</body>
</html>